<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="X-UA-Compatible" content="IE=9">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  {template header_static.html}
  <link rel="stylesheet" href="{HOME_THEME_PATH}css/animate.css">
  <link rel="stylesheet" href="{HOME_THEME_PATH}css/owl.carousel.css">
  <link rel="stylesheet" href="{HOME_THEME_PATH}css/owl.theme.default.min.css">
  <link rel="stylesheet" href="{HOME_THEME_PATH}css/bootstrap.css">
  <link rel="stylesheet" href="{HOME_THEME_PATH}css/bootstrap-paginator.css">
  <link rel="stylesheet" href="{HOME_THEME_PATH}css/global.css">
  <link rel="stylesheet" href="{HOME_THEME_PATH}css/css.css">
  <script src="{HOME_THEME_PATH}js/jquery.min.js"></script>
  <script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
  <script src="{HOME_THEME_PATH}js/bootstrap.js"></script>
  <script src="{HOME_THEME_PATH}js/html5shiv.js"></script>
  <script src="{HOME_THEME_PATH}js/respond.js"></script>
  <script src="{HOME_THEME_PATH}js/global.js"></script>
  <script src="{HOME_THEME_PATH}js/function.js"></script>
</head>
<body>
{template nav_contact.html}
{template header.html}
<?php $neiyebanner=dr_site_value('neiyebanner');?>
  <div id="banner">
    <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
        {if $key==4}
        <a><img src="{dr_get_file($v[2])}" alt="{usu_fanyi($cat['name'], $language)}"></a> 
        {/if}
    <?php  $key++; } } ?> 
    <style>
        #banner a img{
            width: 100%;
        }
    </style>
  </div>

  <div id="content" class="content1">
    <div class="container">
      <div class="row">
        <div class="inside col-sm-3 col-xs-12">
          <h2> <span>{usu_fanyi('CASE', $language)}</span>
            <p class="hidden-xs"></p>
            <div class="phone-menuicon"><span>{usu_fanyi('PRODUCT TYPES', $language)}</span>
                <img src="{HOME_THEME_PATH}picture/2.png" alt="{usu_fanyi('PRODUCT TYPES', $language)}">
            </div>
          </h2>
          <ul class="sidemenu">
            {category module=share pid=5}
            <li class="sub1">
                <a class="sub1_a sl" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}
                    <i class="right-icon"><img src="{HOME_THEME_PATH}picture/right.png" alt="{usu_fanyi($t.name, $language)}"></i>
                </a> 
            </li>
            {/category}
          </ul>
          <?php $nycontactus=dr_site_value('nycontactus');?>
          <?php $nycontactustp=dr_site_value('nycontactustp');?>
          <div class="inside-bottom hidden-xs">
            <p><img src="{dr_get_file($nycontactustp)}" alt=""></p>
            <ul>
            <?php if ($nycontactus) { $key=0; foreach ($nycontactus as $v) { ?>
              <li>{usu_fanyi($v[1], $language)}：{$v[2]}</li>
              <?php  $key++; } } ?>
            </ul>
          </div>
        </div>

        <div class="col-sm-9 col-xs-12 main">
          <div class="crumb hidden-xs"><i><img src="{HOME_THEME_PATH}picture/location.png" alt="crumb"></i>
            <span> 
                <a href='/' class='crumb'>HOME</a> {dr_catpos($catid,'',true,'&gt; <a href="[url]">[name]</a>')}
            </span>
          </div>
          <div class="article">
            <div class="in-title">{usu_fanyi('Case', $language)}</div>
            <div class="in-pro -margin_7" style="display: flex;flex-wrap: wrap;">
              {module module=news catid=$catid page=1}
              <dl class="pro-list col-md-4 col-xs-6">
                <a href="{dr_url_rel($t.url, SITE_URL)}">
                  <dt> <img src="{dr_get_file($t['thumb'])}" alt="{usu_fanyi($t['title'], $language)}"> </dt>
                  <dd>{usu_fanyi($t['title'], $language)}</dd>
                </a>
              </dl>
              {/module}
              <style>
                @media(min-width:587px){
                    .pro-list{
                        width: 33%;
                    }
                }
                @media(max-width:587px){
                    .pro-list{
                        width: 50%;
                    }
                }
              </style>
            </div>
            <div class="pagination_cms_box">
                <div class="pages">
                    {$pages}
                </div>
                <style>
                .pages .active{
                    border: 0px ;
                    background:#5C4028;
                }
                .pages .active a{
                    color: #ffffff!important;
                }
                .pages {
                    margin: 40px 0 ; 
                }
                .pagination_cms { 
                    display: flex; 
                    justify-content: center; 
                    align-items: center;
                }
                .pagination_cms li:first-child{
                    border: 0px ;
                    background:#5C4028;
                }
                .pagination_cms li:first-child a{
                    color: #ffffff!important;
                }
                .pagination_cms li { 
                    border: 1px solid #ccc;
                    margin: 0 5px; 
                    line-height: 40px!important;
                }
                .pagination_cms li a{ 
                padding: 20px 15px;
                line-height: 4px!important;
                }
                .pagination_cms li:hover{ 
                    background:#5C4028;
                }
                .pagination_cms li a:hover{ 
                    color: #ffffff!important;
                }
                </style>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  {template footer.html}

</body>

</html>